﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>ATBC</title>
    <!-- Bootstrap Core CSS -->
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
    <!--<link rel="Stylesheet" type="text/css" href="/Styles/bootstrap.min.css" />-->
    <!-- Custom CSS -->
    <link rel="Stylesheet" type="text/css" href="/Styles/Registration.css" />
    <!-- Custom Fonts -->
    <link rel="Stylesheet" type="text/css" href="/Styles/font-awesome.min.css" />
    <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet"
        type="text/css">
    <link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet'
        type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic'
        rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet'
        type='text/css'>
</head>
<body id="page-top" class="index">
    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                 <a class="navbar-brand page-scroll" href="HomePage.aspx">An Thịnh Bank</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll" href="Personal.htm">Cá nhân</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#portfolio">Doanh nghiệp</a>
                    </li>
                     <li>
                        <a class="page-scroll" href="#news">Tin tức</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#about">About</a>
                    </li>
                     <li>
                        <a class="page-scroll" href="#partner">Quan hệ đầu tư</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#recruited">Tuyển dụng</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#contact">Mạng lưới</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
    <!-- body content begins here -->
    <div id="pageBody" class="col-sm-12 col-xs-12 containerPersonal">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-8 col-md-8 col-sm-offset-2 col-md-offset-3 registration">
                    <form role="form">
                    <h2>
                        TƯ VẤN MỞ TÀI KHOẢN<br />
                        <div class="info">
                            <span class="glyphicon glyphicon-info-sign"></span>Vui lòng tắt chế độ gõ tiếng
                            Việt của Quý khách và nhập thông tin bên dưới
                        </div>
                        <div class="info">
                            <span class="glyphicon glyphicon-info-sign"></span>Nhân viên Ngân hàng sẽ liên hệ
                            để tư vấn Quý khách chi tiết hơn.
                        </div>
                    </h2>
                    <hr class="colorgraph">
                    <div class="row">
                        <div class="col-xs-12 col-sm-6 col-md-6">
                            <div class="form-group">
                                <input type="text" name="first_name" id="first_name" class="form-control input-lg"
                                    placeholder="Tên" tabindex="1">
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-6">
                            <div class="form-group">
                                <input type="text" name="last_name" id="last_name" class="form-control input-lg"
                                    placeholder="Họ" tabindex="2">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <input type="text" name="display_name" id="display_name" class="form-control input-lg"
                            placeholder="Chứng minh nhân dân/ Hộ chiếu" tabindex="3">
                    </div>
                    <div class="form-group">
                        <input type="text" name="display_name" id="Text1" class="form-control input-lg" placeholder="Địa chỉ"
                            tabindex="3">
                    </div>
                    <div class="form-group">
                        <input type="text" name="display_name" id="Text2" class="form-control input-lg" placeholder="Số điện thoại liên hệ"
                            tabindex="3">
                    </div>
                    <div class="form-group">
                        <input type="email" name="email" id="email" class="form-control input-lg" placeholder="Email"
                            tabindex="4">
                    </div>
                    <div class="row">
                        <div class="col-xs-12 col-sm-6 col-md-6">
                            <div class="form-group">
                                <input type="password" name="password" id="password" class="form-control input-lg"
                                    placeholder="Mật khẩu" tabindex="5">
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-6">
                            <div class="form-group">
                                <input type="password" name="password_confirmation" id="password_confirmation" class="form-control input-lg"
                                    placeholder="Nhập lại mật khẩu" tabindex="6">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-4 col-sm-3 col-md-3">
                            <span class="button-checkbox">
                                <button type="button" class="btn" data-color="info" tabindex="7">
                                    Đồng ý</button>
                                <input type="checkbox" name="t_and_c" id="t_and_c" class="hidden" value="1">
                            </span>
                        </div>
                        <div class="col-xs-8 col-sm-9 col-md-9">
                            Vui lòng gửi cho tôi các thông tin giới thiệu, khuyến mãi và quảng cáo về các sản
                            phẩm và dịch vụ của ATBC
                        </div>
                    </div>
                    <hr class="colorgraph">
                    <div class="row">
                        <div class="col-xs-6 col-md-3">
                            <input type="submit" value="Đăng kí" class="btn btn-primary btn-block btn-lg" tabindex="7"></div>
                    </div>
                    </form>
                </div>
            </div>
            <!-- Modal -->
            <div class="modal fade" id="t_and_c_m" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                ×</button>
                            <h4 class="modal-title" id="myModalLabel">
                                Terms & Conditions</h4>
                        </div>
                        <div class="modal-body">
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, itaque, modi,
                                aliquam nostrum at sapiente consequuntur natus odio reiciendis perferendis rem nisi
                                tempore possimus ipsa porro delectus quidem dolorem ad.</p>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, itaque, modi,
                                aliquam nostrum at sapiente consequuntur natus odio reiciendis perferendis rem nisi
                                tempore possimus ipsa porro delectus quidem dolorem ad.</p>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, itaque, modi,
                                aliquam nostrum at sapiente consequuntur natus odio reiciendis perferendis rem nisi
                                tempore possimus ipsa porro delectus quidem dolorem ad.</p>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, itaque, modi,
                                aliquam nostrum at sapiente consequuntur natus odio reiciendis perferendis rem nisi
                                tempore possimus ipsa porro delectus quidem dolorem ad.</p>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, itaque, modi,
                                aliquam nostrum at sapiente consequuntur natus odio reiciendis perferendis rem nisi
                                tempore possimus ipsa porro delectus quidem dolorem ad.</p>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, itaque, modi,
                                aliquam nostrum at sapiente consequuntur natus odio reiciendis perferendis rem nisi
                                tempore possimus ipsa porro delectus quidem dolorem ad.</p>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, itaque, modi,
                                aliquam nostrum at sapiente consequuntur natus odio reiciendis perferendis rem nisi
                                tempore possimus ipsa porro delectus quidem dolorem ad.</p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary" data-dismiss="modal">
                                I Agree</button>
                        </div>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal-dialog -->
            </div>
            <!-- /.modal -->
        </div>
    </div>
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <span class="copyright">Copyright &copy; Your Website 2014</span>
                </div>
                <div class="col-md-4">
                    <ul class="list-inline social-buttons">
                        <li><a href="#"><i class="fa fa-twitter"></i></a>
                        </li>
                        <li><a href="#"><i class="fa fa-facebook"></i></a>
                        </li>
                        <li><a href="#"><i class="fa fa-linkedin"></i></a>
                        </li>
                    </ul>
                </div>
                <div class="col-md-4">
                    <ul class="list-inline quicklinks">
                        <li><a href="#">Privacy Policy</a>
                        </li>
                        <li><a href="#">Terms of Use</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>
    <!-- jQuery Version 1.11.0 -->
    <script type="text/javascript" src="/Scripts/jquery-1.11.0.js"></script>
    <!-- Bootstrap Core JavaScript -->
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    <!--<script type="text/javascript" src="/Scripts/bootstrap.min.js"></script>-->
    <!-- Plugin JavaScript -->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
    <script type="text/javascript" src="/Scripts/Registration.js"></script>
    <script type="text/javascript" src="/Scripts/classie.js"></script>
    <script type="text/javascript" src="/Scripts/cbpAnimatedHeader.js"></script>
    <!-- Contact Form JavaScript -->
    <script type="text/javascript" src="/Scripts/jqBootstrapValidation.js"></script>
    <script type="text/javascript" src="/Scripts/contact_me.js"></script>
    <!-- Custom Theme JavaScript -->
    <script type="text/javascript" src="/Scripts/agency.js"></script>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript">
        $(document).ready(function () {
            $(".containerPersonal").css("margin-top", "100px");
        });
    </script>
</body>
</html>
